<template>
  <div>
    <el-tabs
      v-model="activeIndex"
      class="el-menu-demo"
      @tab-click="handleClick"
    >
      <el-tab-pane label="未提交" name="0">
        <Table :tableData="tableData"></Table>
      </el-tab-pane>
      <el-tab-pane label="已提交" name="1">
        <!-- <Table ></Table> -->
      </el-tab-pane>
      <el-tab-pane label="已驳回" name="2">
        <!-- <Table></Table> -->
      </el-tab-pane>
      <el-tab-pane label="待出库" name="3">
        <!-- <Table></Table> -->
      </el-tab-pane>
      <el-tab-pane label="已出库" name="4">
        <!-- <Table></Table> -->
      </el-tab-pane>
      <el-tab-pane label="已归库" name="5">
        <!-- <Table></Table> -->
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import { getAllcollection } from '@/api/clue/clue-all';
import Table from '../components/Table';
export default {
  name: 'BorrowAll',
  components: { Table },
  data() {
    return {
      activeIndex: '0',
      tableData: [],
      loading: false,
      collectionName: '',
      collectionId: '',
      classificationNumber: 1
    };
  },
  created() {
    this.getAllcollection();
  },
  methods: {
    handleClick() {},
    async getAllcollection() {
      this.loading = true;
      const { data: res } = await getAllcollection(
        this.collectionName,
        this.collectionId,
        this.classificationNumber
      );
      this.total = res.data.total;
      console.log('api=全部提借利用', res);
      this.tableData = res.data;
      this.loading = false;
    }
  }
};
</script>

<style scoped></style>
